<template>
  <div class="app-container">
    <div style="margin: 0 auto">
      <el-row :gutter="10">
        <el-col span="12" :offset="6">
          <div style="text-align: center;margin-bottom: 30px">
            主机详情信息
          </div>
          <el-form :model="hostInfo" ref="hostInfo">
            <el-form-item label="区域名称:" prop="name">
              {{ hostInfo.name }}
            </el-form-item>
            <el-form-item label="所属主体:" prop="enterpriseName">
              {{ hostInfo.enterpriseName }}
            </el-form-item>
            <el-form-item label="主机Id:" prop="hostId">
              {{ hostInfo.hostId }}
            </el-form-item>
            <el-form-item label="厂家:" prop="factory">
              {{ hostInfo.factory}}
            </el-form-item>
            <el-form-item label="设备数量:" prop="equNumber">
              {{ hostInfo.equNumber }}
            </el-form-item>
            <el-form-item label="主机状态:" prop="status">
              {{ hostInfo.status}}
            </el-form-item>
            <el-form-item label="添加时间:" prop="addTime">
              {{ hostInfo.addTime}}
            </el-form-item>
          </el-form>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import {getInHostVo} from "../../../api/host";

export default {
  name: "info",
  data(){
    return{
      hostInfo:{}
    }
  },
  created() {
    this.getInHostVo()
  },
  methods:{
    getInHostVo(){
      getInHostVo({ucId:this.$route.query.ucId}).then(res=>{
        this.hostInfo = res.data
        this.$notify.success({
          title: '成功',
          message: "获取主机信息成功"
        })
      }).catch(error=>{
        this.$notify.error({
          title: '失败',
          message: error.message
        })
      })
    }
  },
}
</script>

<style
    scoped>

</style>